@charset "utf-8";
/*
 *懒人CSS Bate V0.10
 *作者：懒人建站 http://www.51xuediannao.com/
 *2015-02-04———
*/

/*---------表单（非必需）---------*/
form [type='radio']:first-child,form [type='checkbox']:first-child{ margin-left:0;}
.bl-form textarea{  width:98%;  min-height:100px; overflow:auto;border:#ccc solid 1px; line-height:1.75; padding:1%;
	/**float:left;*/*width:96.6%;_padding:0;}
.fn-tinput{width:200px; height:18px; line-height:18px\9; padding:5px 6px; border:#ccc solid 1px; /*color:#8F8F8F\9;*/ 	/*background:#F8F8F8;*/ vertical-align: middle;}
.fn-tinput:focus,.bl-form textarea:focus{border-color: #EB7351;box-shadow: 1px 1px 1px 0 #ddd inset; color:#000;	background:#fff;}
	.fn-tinput-small{width:135px;}
	.fn-tinput-long{width:240px;}
	.fn-tinput-longer{ width:360px;}
.form-help{ color:#999;}
	span.form-help{ margin-left:4px; vertical-align: middle;}
	div.form-help{padding-top:4px; }
.bl-form-btns{ padding-top:4px; margin-bottom: 0;}

.bl-form .vhid{ visibility:hidden;}
.bl-form .vdbox img{ vertical-align:middle;}
.bl-form .vd-input{ width:60px;}

.form-dominput{ height:18px; padding:5px; display:inline-block; *display:inline;*zoom:1;}

select{border:#ccc solid 1px; padding:2px;}
.mno{ color:red; padding:0 5px; font-family:simsun; font-weight:100;}

.bl-form .s-checkbox,.bl-form .s-radio{ margin-right: 6px;}
.bl-form .controls{ position: relative;}

/*表单验证 大部分情况走 jquery.validate */
.cktip{padding-left:4px; font-family:simsun,tahoma,arial;color:#999; font-size:13px;
	background-repeat:no-repeat; background-position:left center;}
.cktip-block{ margin-top:4px; margin-left:0; display:block;}
    .form-error .fn-tinput,
    .form-error .fn-textarea{ border:#FE5341 solid 1px;}
    .form-ok .fn-tinput{ border:#669900 solid 1px;}

.form-error{position:relative;}
    .cktip-abs{position:absolute;left:0;bottom:-20px;margin:0;background-color:#fff}

.submit-failure{ vertical-align:middle;}

span.error,label.error{/*padding-left:20px; margin-left:6px; background:url(../images/ckerror.png) no-repeat left center;*/	color:#FE5341; margin-left: 4px;}
div.error{ margin-top: 4px;color:#FE5341; }
p.error{ position: absolute;bottom:-16px;left:0;color:#FE5341; }

/*单行表单*/
.form-one-row .bl-form-group{display:inline-block; *display:inline;*zoom:1; vertical-align: top; margin-right: 4px;}
.form-one-row .fn-tinput{}
.form-one-row .fn-btn{ }

/*---------水平表单---------*/
.bl-formhor .bl-form-group{ /*padding-left:106px;*/ margin-bottom: 16px;}
.qtip .bl-formhor .bl-form-group{ margin-bottom: 12px;}
.bl-formhor .bl-form-group > label{width:120px;padding-top:6px;text-align:right;
	float:left;	/*clear:left; margin-left:-106px;*/}
.bl-formhor .controls{ margin-left: 124px;}

.bl-formhor .controls label{width: auto; padding-top:0; text-align: left; float: none;}
/*原来兼容IE6 的，不在刻意兼容IE6
.bl-formhor .controls{
    margin-bottom:12px; vertical-align:top;
	*display: inline-block;*margin-left: 0;*padding-left:3px;
}
.bl-formhor .controls label{width:auto;padding:0;text-align:left;font-weight: normal;
    float:none;clear: none;margin: 0;}*/
.bl-formhor .form-text,.bl-formhor  .bl-form-text{line-height: 20px;}
.bl-formhor .form-text > label,.bl-formhor .bl-form-text > label{ padding-top:0!important;  }

.bl-formhor .controls-simple{padding-top:5px;}
.bl-formhor .controls-simple a{font-size:13px;}

/*---------竖向表单---------*/
.bl-formver li{ margin-bottom: 16px;}
.bl-formver li  > label{ display: block; margin-bottom: 4px; color: #999;}


/*简单表单*/
.bl-form-simform li{ margin-bottom:14px;}
.bl-form-simform  > label{ display:inline-block;*display:inline;*zoom:1;text-align:right;}
.bl-form-simform .controls label{width:auto;padding:0;text-align:left;font-weight: normal;
    float:none;clear: none;margin: 0;}

.form-title{ padding:20px 10px; font-weight:700;}

/*尺寸控制*/
.bl-form  .w100{ width: 100%;}
/*S 小号 M中号 L大号 XL特大号 XXL超大号*/
.bl-form .ddmenu-select{ height: 30px;}
.bl-form .ddmenu-select .menu-btn,.bl-form .ddmenu-select .f-icon{line-height: 28px;}
.bl-form .fn-btn{padding: 5px 12px; font-size: 14px;}
/*.bl-form button.fn-btn,.bl-form input.fn-btn{padding: 6px 16px;}*/
.bl-form .btn-tool{ padding: 6px; font-size: 16px; color: #666;}
/*.label-placeholder,.bl-formhor .controls .label-placeholder{ padding: 4px 0;}*/

.form-S .fn-tinput,.tinput-S{ padding:3px 6px;}
.form-S .bl-form-group  > label{ padding-top: 3px;}
.form-S .ddmenu-select{ height: 28px;}
.form-S .ddmenu-select .menu-btn,.form-S .ddmenu-select .f-icon{line-height: 26px;}
.form-S .fn-btn{padding: 3px 10px;}
/*.form-S button.fn-btn,.form-S input.fn-btn{padding: 5px 16px;}*/
.form-S .btn-tool{ padding: 4px;}

.form-M .fn-tinput,.tinput-M{ padding:5px 6px;}
/*.form-M .label-placeholder{ padding: 4px 0;}*/
.form-M .bl-form-group  > label{ padding-top:5px;}
.form-M .ddmenu-select{ height: 30px;}
.form-M .ddmenu-select .menu-btn,.form-M .ddmenu-select .f-icon{line-height: 28px;}
.form-M .fn-btn{padding: 5px 12px;}
/*.form-M button.fn-btn,.form-M input.fn-btn{padding: 7px 16px;}*/
.form-M .btn-tool{ padding: 6px;}

.form-L .fn-tinput,.tinput-L{ padding:8px;}
/*.form-L .label-placeholder{ padding: 6px 0;}*/

.form-L .bl-form-group  > label{ padding-top:9px;}
.form-L .ddmenu-select{ height: 36px;}
.form-L .ddmenu-select .menu-btn,.form-L .ddmenu-select .f-icon{line-height: 34px;}
.form-L .fn-btn{padding: 8px 16px; font-size: 14px;}
/*.form-L button.fn-btn,.form-L input.fn-btn{padding: 9px 16px;}*/
.form-L .btn-icon{ padding: 8px;}
.form-L .select2-container .select2-choice{ height: 36px; line-height: 36px;}
.form-L .select2-container .select2-choice .select2-arrow b{ background-position: 0 7px;}
.form-L .selectinput .selectinput-icon i{height: 36px; line-height: 36px;}

.form-XL .fn-tinput,.tinput-XL{ padding:10px;}
/*.form-XL .label-placeholder{ padding:8px 0;}*/

.form-XL .bl-form-group  > label{ padding-top:10px;}
.form-XL .ddmenu-select{ height: 40px;}
.form-XL .ddmenu-select .menu-btn,.form-XL .ddmenu-select .f-icon{line-height: 38px;}
.form-XL .fn-btn{padding: 10px 16px; font-size: 18px;}
/*.form-XL button.fn-btn,.form-XL input.fn-btn{padding: 11px 16px;}*/
.form-XL .btn-tool{ padding: 10px;}

.bl-form-btns .fn-btn{ margin-right:6px; padding-left: 18px; padding-right: 18px;}
.bl-form-btns .text-dom{ line-height: 30px;}

/*模拟 checkbox*/
.s-checkbox{display: inline-block; *display: inline;*zoom:1; position: relative;cursor: pointer;height: 18px; line-height: 18px;}
.s-checkbox .ck-icon{width: 15px; height: 15px; line-height: 15px; text-align: center; display: inline-block;*display: inline;*zoom:1;
    border: #ddd solid 1px; margin-right: 4px;}
.s-checkbox input{cursor: pointer; width: 100%; height: 100%; border: none;margin: 0; position:absolute; left: 0; top:0; z-index: 2;opacity:0;filter:alpha(opacity=0);}
.s-checkbox .ck-icon i{ font-size: 12px; visibility: hidden; *vertical-align: middle; margin-top: -2px;}

.s-sChecked .ck-icon{ border-color:#6c3499; background:#6c3499;color: #fff;}
.s-sChecked .ck-icon i{visibility: visible}

.sim-checkbox-one{ cursor: pointer;}
.sim-checkbox-one:hover{}
/*皮肤定制测试 s-checkbox-skin1*/
.s-checkbox-skin-block{}
.s-checkbox-skin-block .s-checkbox{border: #ddd solid 1px; padding:1px 8px; height: 18px; line-height: 18px;}
.s-checkbox-skin-block .ck-icon{ width: 14px; height: 14px; display: none;}
.s-checkbox-skin-block .s-sChecked{border-color:#6c3499; background-color: #6c3499; color: #fff;}
.s-checkbox-skin-block .s-checkbox:hover .ck-icon{border-color:#6c3499;}

/*开关*/
.s-checkbox-switch{ display: inline-block; position: relative; height: 20px; line-height: 1; vertical-align: middle}
.s-checkbox-switch input{cursor: pointer; width: 100%; height: 100%; border: none;margin: 0; position:absolute; left: 0; top:0; z-index: 2;opacity:0;}
.s-checkbox-switch:before,.bl-switch:after{font-family:'fontello'; font-size: 22px; color: #bbb}
.s-checkbox-switch:before{ content: "\e86d"}
.s-checkbox-switch.s-sChecked:before{ content: "\e86e";color: #6c3499;}

/*模拟 radio*/
.s-radio{display: inline-block; *display: inline;*zoom:1; position: relative;cursor: pointer; height: 18px; line-height: 18px;}
.s-radio .ck-icon{width: 16px; height: 16px; line-height:1; text-align: center; vertical-align: top; display: inline-block;*display: inline;*zoom:1; margin-right: 4px;}
.s-radio input{cursor: pointer; width: 100%; *width: auto; height: 100%; border: none;margin: 0; position:absolute; left: 0; top:0; z-index: 2;
    opacity:0; filter:alpha(opacity=0);}
.s-radio .f-icon{ font-size: 18px; color: #ccc;}

.s-radio .i-1{ display: none}
.s-radio .i-0{ display: inline-block;}

.radio-group-db .s-radio{ display: block;}

.s-rChecked .i-1{ display: inline-block;}
.s-rChecked .i-0{ display: none}
.s-rChecked .f-icon{ /*color: #6c3499;*/ color: #6c3499;}

/*皮肤测试 可根据实际情况定制*/
.s-radio-skin-group{ overflow: hidden; padding-right: 1px;}
.s-radio-skin-group .ck-icon{ display: none;}
.s-radio-skin-group .s-radio{ border: #ddd solid 1px; float: left; margin-right:-1px; padding:1px 8px;}
.s-radio-skin-group .s-rChecked{ border-color:#6c3499; background-color: #6c3499; color: #fff; }

/*信息列表和编辑列表的 编辑开关*/
.form-edit{ padding: 16px; overflow:hidden; position: relative;}
.form-edit .edit-btn{ position: absolute; right: 16px; top: 16px; z-index: 10; padding: 4px;}
.form-edit-off .btn-edit{ display: inline-block;}
.form-edit-off .info-edit{ display: none;}
.form-edit-on .edit-btn,.form-edit-on .info-list{ display: none;}
.form-edit-on .info-edit{ display: block;}
.form-edit-on .up-img-btn{ opacity: 0.7!important;filter:alpha(opacity=70)!important;}

.bl-quick-select .input-num{ width:110px;}
.bl-quick-select .fn-btn{ margin-left: 2px;}
.bl-quick-select .ficon-ask{ margin-left: 4px; color: #999}
.bl-quick-select .cur,.bl-quick-select .cur:hover{ border-color: #EB7351; background-color: #EB7351; color: #fff;}
.bl-quick-select .cur .ficon-ask{color: #fff;}

/*
input遮罩 注意三个类名： input-mask-wrap  mask-auxiliary mask-target 和 tabindex=-1（不允许tab选中）
结构：
<div class="controls input-mask-wrap">
    <select required name="MaritalStatus" class="mask-target">
        <option value="">选择婚姻状况</option>
        <option value="0">未婚</option>
        <option value="1">已婚</option>
    </select>
    <input type="text" class="fn-tinput mask-auxiliary" value="" tabindex=-1 placeholder="选择婚姻状况">
</div>
*/
.input-mask-wrap{ position: relative;}
.input-mask-wrap .mask-target{ width: 100%;height: 100%; position: absolute; left: 0; top: 0; z-index: 1;
    opacity: 0;filter:alpha(opacity=0);}

.input-mask-reverse{ position: relative;}
.input-mask-reverse .mask-target{ width: 100%;     position: relative; z-index: 1; opacity: 0;filter:alpha(opacity=0);}
.input-mask-reverse .mask-auxiliary{width: 100%;   position: absolute;left: 0; top: 0; z-index: 2; }
.input-mask-reverse div.mask-auxiliary{z-index: 3; opacity:0;   height:3.4rem; }

.input-group .fn-tinput,.input-group .fn-btn{ vertical-align: middle;}

.opacity-input{ margin: 0;
    width: 100%;height: 100%; position: absolute; left: 0; top: 0; z-index: 1;opacity: 0;filter:alpha(opacity=0);
}

